import React from 'react';
import ReactDOM from 'react-dom';
import { createStore } from 'redux'
import { Provider } from 'react-redux';
import store from './store';

import Header from './javascripts/ui/recycle-header';
import Contain from './javascripts/ui/recycle-contain';
import Revoke from './javascripts/ui/revoke';
import Deletes from './javascripts/ui/delete-recycle';

const render = () => { 
    ReactDOM.render((
        <Provider store={store}>
            <div>
                <div className="backcover"></div>
                <Header />
                <Contain />
                <Revoke />
                <Deletes />
            </div>
              
        </Provider>
    ), document.getElementById('root'));
}

render();

store.subscribe(render);
